<template>
    <div class="outer">
      <h2>{{ title }}分类</h2>
      <ul>
        <li v-for="item in list" :key="item.id">
          {{ item.content }}
        </li>
      </ul>
    </div>
  </template>
  
  <script>
  export default {
    name: "Item",
    props: ["title", "list"],
  };
  </script>
  
  <style scoped>
  .outer {
    width: 200px;
    height: 300px;
    background: #e2a431;
  }
  .outer > h2 {
    background: cadetblue;
  }
  </style>
  